<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

</head>
<body>
    <div id="mydiv"></div>
</body>
<script>
    var header = document.createElement("h1");
    header.innerHTML = "DOM Child";
    document.body.appendChild(header);
    
    var div = document.getElementById("mydiv");
    div.appendChild(header);                    // header 노드 자체가 이동하는 개념이다.(객체는 하나) 
    var text = document.createTextNode("hello i am text.");
    document.body.appendChild(text);
    
    document.body.innerHTML +="<h1>new head</h1>";
</script>
</html>